// base

$body-family: "Segoe UI", "Lucida Grande", "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif, Verdana, Arial, Helvetica

$base-red: #cf0f19
$base-red-invert: findColorInvert($base-red)
$base-red-light: findLightColor($base-red)
$base-red-darker: #b51021

$base-grey: $grey-light

$custom-colors: ("custom": ($base-red, $base-red-invert, $base-red-light, $base-red-darker))

$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)

// navbar
// $navbar-background-color: $base-red
$navbar-height: 2.5rem
$navbar-item-color: findColorInvert($base-red)
$navbar-item-hover-color: findColorInvert($base-red)
$navbar-item-hover-background-color: $base-red-darker

// button

$button-background-color: $base-red

$pagination-current-background-color: $base-red
$pagination-current-border-color: $base-red-darker

// tag
$tag-color-hover: $base-red-invert
$tag-background-color-hover: $base-red

// minxins
=link-base
  color: #333333
  &:hover
    color: $base-red
=link-red
  color: $base-red
  &:hover
    color: $base-red-darker
=link-grey-red
  color: $base-grey
  &:hover
    color: $base-red

.link-base
  +link-base

.link-red
  +link-red

.link-grey-red
  +link-grey-red
